$(document).ready(iniciar);


function iniciar() {

    //EFECTO MENU
//    var activo = $(".menu .menu-item.activo", this)[0];
//
//    if (!$(".menu .menu-item.activo").length) {
//        var activo = $(".menu .menu-item", this)[0];
//        //alert(activo.attr('class'));
//    }

    var activo = $(".menu .menu-item", this)[0];

    var menu = $(".menu .menu-item");
    menu.mouseover(function() {
        move(this);
    });

    menu.mouseout(function() {
        move(activo);
    });





//    var padreactivo =  $("li.activo", this).parent(".menu-item"), i = 0, padre;
//    while (padreactivo.attr("clase")=="menu-item"){
//        i+=1;
//        $(".pruebas").text(i); 
//        padreactivo = padreactivo.parent(".menu-item");
//        padre = padreactivo.children();
//    }




    //cache nav  
    var nav = $(".menu");

    //add indicators and hovers to submenu parents  

    nav.find("li").each(function() {
        var submenu = $(this).find(">ul");
        if (submenu.length > 0) {

            //Este codigo es para agragar la Flechita de que tiene un submenu
            //$("<span>").text(" -").appendTo($(this).children(":first"));
            $("<span class='flechita'>").css("height", $('a', this).css("height")).appendTo($(this).children(":first"));





            //EVENTO MOUSEENTER 
            $(this).mouseenter(function() {
                var altura;
                if (submenu.attr("class") == "sub-menu") {//Nos preguntamos si es la clase sub-menu
                    altura = submenu.height() + 24;//si es sub-menu le aumentamos a su altura 24px para luego fijar su posición
                } else {
                    altura = submenu.height() - 8;//sino le reducimos a su altura -8px para luego fijar su posición
                }

                submenu.css("top", "-" + altura + "px");//fijamos la posición del sub-menu con el atributo css top del mismo
                submenu.stop(true, true).fadeIn();//Lo mostramos

            });

            //EVENTO MOUSELEAVE
            $(this).mouseleave(function() {
                submenu.stop(true, true).fadeOut("fast");//Lo ocultamos
            });
        }
    });


    fijarActivo(activo);



}

function move(el) {
    $(".back").each(function() {
        $.dequeue(this, "fx");
    }
    ).animate({
        width: el.offsetWidth,
        left: el.offsetLeft
    }, 300, "linear");


//    alert("Width: " + el.offsetWidth + " || Left: " + el.offsetLeft);

}

function fijarActivo(el) {

    $(".back").css({width: el.offsetWidth, left: el.offsetLeft});
    //$(".pruebas").text($(".pruebas").text()+"Entra-");
}


